/**
 * 
 */
showTable();

var data=[];
//添加方法
$("#addUser").click(function(){
	//1. 获取到用户的输入
	var users=$(".addUser");
	var user={
			userName:users[0].value,
			departId:users[1].value,
			gender:users[2].value,
			roleId:users[3].value
	};
	var str=JSON.stringify(user);	
	//2. 把数据提交到后台
	$.ajax({
		type:'post',
		url:'UserAddAjax?',
		dataType:'text',
		data:{"user":str},
		success:function(data){
			//3. 后台执行添加，并返回结果
			alert(data);
			//4. 前端拿到结果并显示
			//5. 手动关闭模态框
			$('#addProduct').modal('hide');
			//6. 清空表单里的数据
			$("#addUserForm")[0].reset();
			//6. 再次全查
			showTable();
		},
		error:function(res){
			console.log("添加失败");
		}
	});
});

//显示修改模态框
var users=[];
function modify(){
	$(".modifyUser").each(function(){
//		console.log(1);
		$(this).click(function(){
			users.length=0;
			var tds=$(this).parents("tr").eq(0).children();
			for(var i=0;i<tds.length-1;i++){
				users.push(tds[i].innerText);
			}
//			console.log(users);		
			//把得到的数据装到模态框里
			var ipts=$(".addUserIpt");
			for(var i=0;i<ipts.length;i++){
				ipts[i].value=users[i];
			}
		});
	});
}

//显示表格
function showTable(){
	$.ajax({
		type:'get',
		url:'UserAllAjax',
		dataType:'text',
		success:function(data){
			var users=JSON.parse(data);
			//先拼表头
			var tbHeader="<table class='table table-bordered table-hover'><thead><tr>"
								+"<th>用户编号</th>"
								+"<th>用户名</th>"
								+"<th>部门编号</th>"
								+"<th>性别</th>"
								+"<th>角色编号</th>"
								+"<th>用户状态</th>"
								+"<th>操作</th></tr></thead><tbody>";
			//循环拼每一条数据
			
//			console.log(users.paging);
			for(var i=0;i<users.data.data.length;i++){
				tbHeader+="<tr><td scope='row'>"+users.data.data[i].userId+"</td>";
				tbHeader+="<td>"+users.data.data[i].userName+"</td>";
				tbHeader+="<td>"+users.data.data[i].departId+"</td>";
				tbHeader+="<td>"+users.data.data[i].gender+"</td>";
				tbHeader+="<td>"+users.data.data[i].roleId+"</td>";
				tbHeader+="<td>"+users.data.data[i].userState+"</td>";
				tbHeader+="<td><button type='button' class='btn btn-danger'>删除</button>&nbsp;&nbsp";
				tbHeader+="<button type='button' " +
						"class='btn btn-info modifyUser' " +
						"data-toggle='modal' data-target='#modifyUser'>修改</button></td></tr>";
//				console.log(tbHeader);
			}
			tbHeader+="</tbody></table>";
//			console.log(tbHeader);
			$("#myTable").empty().append(tbHeader);
			
			//拼接分页条
			$("#myPaging").empty().append(users.paging);
//			//修改方法			
			modify();

//			console.log(data);
			//追加到表格里		
		},
		error:function(){
			alert("数据获取失败");
		}
	});
}





